.head_content_box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    height: 150px;
    color: #5e5e5e;
    background-image: url("../image/img/my_back.png");
    background-size: 300px;
    background-size: 100% 100%;
}

.head_content_item {
    width: 90%;
    display: flex;
    align-items: center;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.head_content {
    width: 33.33%;
    text-align: center;
    border-right: 1px solid #b6b6b6;
    box-sizing: border-box;
}

.head_content:last-child {
    border: none;
}

.head_content_text1 {
    width: 100%;
    font-size: 15px;
    color: white;
    line-height: 35px;
    background: linear-gradient(to bottom, #ffc526, #ffa248);
}

.head_content_text2 {
    width: 100%;
    border-right: 1px solid #eee;
    background-color: white;
}

.head_content_text2 input,
.head_content_text2 select {
    width: 99%;
    line-height: 35px;
    height: 35px;
    border: none;
    background-color: white;
    text-align: center;
}

.head_content_text2 input::-moz-selection,
.head_content_text2 select::-moz-selection {
    background-color: transparent;
}

.head_content_text2 input::-webkit-selection,
.head_content_text2 select::-webkit-selection {
    background-color: transparent;
}

.head_content_text2 input:focus,
.head_content_text2 select:focus {
    outline: none;
}

.my_course {
    width: 90%;
    margin: 0 auto;
    border-radius: 6px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.my_course_left {
    width: 33%;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    color: white;
    text-align: center;
    background-color: #55b1fe;
}

.my_course_right {
    width: 67%;
    font-size: 15px;
    box-sizing: border-box;
}

.my_course_right select {
    width: 100%;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 0 6px 6px 0;
    border: 1px solid #55b1fe;
    background-color: white;
}

.num_box {
    width: 90%;
    margin: 30px auto 10px auto;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.num_box_item {
    width: 33.33%;
    text-align: center;
}
.num_box_item span{
    font-weight: bold;
    font-size: 15px;
    margin-left: 3px;
}
.list_box{
    width: 90%;
    max-height: 63vh;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    margin: 10px auto 10px auto;
}
.list_item{
    width: 23%;
    text-align: center;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #39a5ff;
    border: 1px solid #55b1fe;
    border-radius: 60px;
    background: linear-gradient(to bottom,#fefefe, #fdfdfd, #97c9f6);
    margin-top: 10px;
    margin-right: 1%;
}
.zhushi{
    font-size: 13px;
    color: #b6b6b6;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.list_item_red{
    color: #ea5c4a;
    border: 1px solid #ea5c4a;
    background: linear-gradient(to bottom,#fefefe, #fdfdfd, #ff8676);
}
.nulldata{
    width: 100%;
    margin-top: 40px;
    color: #b6b6b6;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}